// 相册层属性
var url;
var id = 0;

layui.use(['jquery', 'element', 'form', 'laydate', 'upload', 'layer'], function () {
    var $ = layui.$; // 使用jquery
    var element = layui.element; // 获得element模块
    var form = layui.form; // 获得form表单模块
    var laydate = layui.laydate; // 获得laydate日期模块
    var upload = layui.upload; // 获得upload文件上传模块
    var layer = layui.layer; // 获得layer弹出层模块

    // 日期插件
    laydate.render({
        elem: '#birthday' //指定元素
    });

    // 文件上传插件
    var uploadInst = upload.render({
        elem: '#choose_img', // 绑定元素
        url: '/admin/photo.do', // 上传接口
        auto: false, // 选择文件后不自动上传
        bindAction: '#upload_img', // 指向一个按钮触发上传
        accept: 'images', // 指定允许上传时校验的文件类型
        acceptMime: 'image/*', // 规定打开文件选择框时，筛选出的文件类型
        size: 2048, // 设置文件最大可允许上传的大小，单位 KB。不支持ie8/9

        // 选择文件
        choose: function (obj) {
            //将每次选择的文件追加到文件队列
            var files = obj.pushFile();

            //预读本地文件，如果是多文件，则会遍历。(不支持ie8/9)
            obj.preview(function (index, file, result) {
                // console.log(index); //得到文件索引
                // console.log(file); //得到文件对象
                // console.log(result); //得到文件base64编码，比如图片

                $('#img_address').val(file.name); // 将图片名放入input中
                url = result; //得到文件base64编码，比如图片

            });
        },

        // 文件上传之前
        before: function (obj) {
            layer.load(); //上传loading
        },

        // 上传文件
        // 成功
        done: function (res, index, upload) {
            layer.closeAll('loading'); //关闭loading
            if (res == 1) {
                layer.msg("上传成功", {
                    icon: 6
                });
            } else {
                layer.msg("上传失败", {
                    icon: 5
                });
            }
        },
        // 失败
        error: function (index, upload) {
            layer.closeAll('loading'); //关闭loading
            layer.msg("上传错误", {
                icon: 5
            });
        }
    });

    // 查看图片
    $('#show_img').click(function () {
        // 图片json
        function imgAjax(id, src) {
            console.log(src);
            var json = {
                "title": "", //相册标题
                "id": id, //相册id
                "start": 0, //初始显示的图片序号，默认0
                "data": [ //相册包含的图片，数组格式
                    {
                        "alt": "图片名",
                        "pid": 666, //图片id
                        "src": src, //原图地址
                        "thumb": "" //缩略图地址
                    }
                ]
            }
            return json;
        }

        // 相册层
        layer.photos({
            photos: imgAjax(id, url),
            anim: 5
        });
    });

    //提交信息
    form.on('submit(submit_btn)', function (data) {
        $.ajax({
            type: "post",
            url: "/admin/adminUpdeteUser.do",
            data: data.field,
            dataType: "json",
            error: function () {
                layer.msg("ajax失败", {
                    icon: 5
                });
            },
            success: function (response) {
                if (response == 1) {
                    layer.msg("修改成功", {
                        icon: 6
                    });
                } else {
                    layer.msg("修改失败", {
                        icon: 5
                    });
                }
            }
        });

        // 阻止form默认行为
        return false;
    });

    $(document).ready(function () {
        //获取用户信息
        $.ajax({
            url: "/admin/adminSelectUser.do",
            type: "post",
            error: function () {
                layer.msg("ajax失败", {
                    icon: 5
                });
            },
            success: function (json) {
                console.log(json.sex);
                console.log(typeof json.sex);
                // 添加表单数据
                $("#lname").val(json.lname);
                $("#adname").val(json.adname);
                $("#birthday").val(json.birthday);
                $("#email").val(json.email);
                $("#tel").val(json.tel);
                
                // 判断是否又头像
                if (json.photo_url != null) {
                    // 图片名
                    $("#img_address").val(json.photo_url);
                    // 图片地址
                    url = "/admin/img/" + json.photo_url; // 保存图片地址
                } else {
                    $("#img_address").val("");
                }

                // 性别单选
                var sexArr = $("input[name=sex]");
                sexArr.prop("checked", false);

                if (json.sex != 1 && json.sex != 2) {
                    $('input[name=sex][value="3"]').prop("checked", true);
                } else {
                    var sexStr = 'input[name=sex][value="' + json.sex + '"]';
                    $(sexStr).prop("checked", true);
                }

                // layui表单重新渲染
                form.render();
            }
        });
    });
});